@charset "UTF-8";

/* Layout Small Screens */
@media only screen and (min-width:50px) and (max-width:600px) 
{

body {
	max-width: 500px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
}
.page {
	max-width: 500px;
	min-width: 320px;
	
	}
.page .banner .logo img {
	padding-right: 0%;
	position: absolute;
	margin-top: 0%;
	margin-right: auto;
	float: none;
	margin-left: 110px;
	display: inherit;
}
nav {
	display: inline-block;
	top: 200px;
	min-width: 320px;
	width: auto;
}
.page nav ul li a {
	max-width: none;
	width: auto;
	min-width: 0px;
}
.page nav ul li {
	display: inline-block;
	margin-bottom: 5px;
	width: 110px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
nav ul {
	margin-bottom: 0%;
	margin-top: 0%;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
.page nav .navimag img {
	display: none;
	padding-bottom: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}
.page nav .socialmedia {
	width: 290px;
}
.banner {
	margin-left: 0%;
	position: relative;
}
#main {
	position: relative;
	max-width: 320px;
	margin-top: 0%;
	margin-left: 0%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.90);
}
.title h3 {
	max-width: none;
}
.latest {
	margin-left: 0%;
	max-width: 480px;
}
.news {
	max-width: 480px;
	width: 500px;
	margin-left: 0%;
}
.page #main .news .title h3 {
	max-width: 500px;
}

h3 {
	max-width: 480px;
}
#main .pages img {
	margin-left: 25px;
}
.page nav .navimag {
	padding-bottom: 0%;
}
#introgif .enterbox .entertext {
	width: 320px;
}
#introgif {
	background-image: url(../images/reapersmall.gif);
	background-repeat: repeat;
	width: 320px;
}
.page #main .albums {
	margin-left: 115px;
	margin-right: auto;
}
.art {
	display:none;
	}
.artmed {
	display: none;
	width: auto;
	}
.artsmall {
	display: block;}
.videos {
	width: 320px;
}
#introgif .enterbox {
	width: 320px;
}
.albums {
}
.page #main .albums {
	margin-left: 25px;
	margin-right: 25px;
}
.latest {
	position:relative;
	overflow:hidden;
	
}